<template>
    <div>
        <h1>App4</h1>
        <component :is="dynamicComp"></component>
    </div>
</template>

<script setup>
import {ref, markRaw} from 'vue'

const dynamicComp = ref(null);
import('app3/Button').then(resolve=>{
    dynamicComp.value = markRaw(resolve.default);
})

const Button = ()=>import('app3/Button')
</script>